<template>
	<HomePage v-show="dispalyClass=='homePage'"></HomePage>
	<MyHome v-show="dispalyClass=='myHome'"></MyHome>
	<uv-tabbar :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
		<uv-tabbar-item text="首页" icon="home" @click="dispaly('homePage')"></uv-tabbar-item>
		<uv-tabbar-item text="我的" icon="account" @click="dispaly('myHome')"></uv-tabbar-item>
	</uv-tabbar>
</template>

<script setup>
	import HomePage from '../list/HomePage.vue'
	import MyHome from '../list/MyHome.vue'
	import {
		ref
	} from 'vue'
	let dispalyClass = ref('homePage')
	const dispaly = (param) => {
		dispalyClass.value = param
	}
</script>

<style lang="scss">
	.non-dispaly {
		display: none;
	}
</style>